<template>
  <div class="page-index">
    <el-row>
      <el-col :span='5'>
        <e-menu></e-menu>
      </el-col>
      <el-col :span='19'>
        <e-life></e-life>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <artistic/>
      </el-col>
    </el-row>
    
  </div>
</template>

<script lang="ts">
import { State } from "vuex-class";
import { Component, Vue } from "vue-property-decorator";
import EMenu from "@/components/index/menu.vue";
import ELife from "@/components/index/life.vue";
import Artistic from "@/components/index/artistic.vue";
@Component({
  components: {
    EMenu,
    ELife,
    Artistic,
  }
})
export default class extends Vue {
  @State public name;

  title: string = "首页";
}
</script>

<style lang="scss">
@import "@/assets/css/index/index.scss";
</style>

